.footer {
  background: #f9f9f9;
  min-width: 1200px;
}

.slogan {
  padding: 22px 0 20px;
  width: 1200px;
  margin: 0 auto;

  li {
    display: table-cell;
    font-size: 18px;
    color: #333;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding-right: 110px;

    i {
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 40px;
      margin-right: 15px;
      background: url('/images/icon01.svg') no-repeat;
    }

    &:nth-child(1) i {
      background-position: -74px 0;
    }

    &:nth-child(2) i {
      background-position: -154px 0;
    }

    &:nth-child(3) i {
      background-position: -194px 0;
    }

    &:nth-child(4) i {
      background-position: -114px 0;
    }

    &:last-child {
      padding-right: 0;
    }

    &:hover a {
      color: #ca141d;
    }
  }
}


.service {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 23px 0 24px;

  // 服务左侧栏
  &-l {
    width: 920px;
    height: 155px;
    padding-top: 5px;
    border-right: 1px solid #e5e5e5;

    dl {
      width: (100%/6);
    }
  }

  // 服务右侧栏
  &-r {
    width: 278px;
    min-height: 160px;
    margin-top: 2px;
    text-align: center;

    dl {
      width: 279px;

      a {
        color: #575757;
        font-size: 14px;
      }
    }

    .title {
      font-size: 24px;
      padding: 0;
      color: #575757;
      font-weight: bold;
    }

    .service-btn {
      color: #fff;
      display: block;
      width: 170px;
      height: 34px;
      padding: 0;
      margin: 10px auto 0;
      font-size: 14px;
      line-height: 34px;
      background: #333;
      cursor: pointer;
      border-radius: 17px;

      i {
        &:before {
          content: "";
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url('/images/icon03.svg') no-repeat -106px 0;
          position: relative;
          top: 4px;
          margin-right: 6px;
        }
      }
    }

    .service-code {
      float: left;
      width: 250px;
      margin-top: 26px;
      margin-left: 40px;

      h2 {
        font-size: 14px;
        color: #333;
        float: left;
        font-weight: 400;
      }

      ul {
        float: left;
        margin-left: 3px;

        li {
          width: 24px;
          height: 24px;
          margin-right: 11px;
          position: relative;
          float: left;

          a {
            display: block;
            width: 24px;
            height: 24px;
            text-indent: -999px;
            overflow: hidden;
            background: url('/images/icon03.svg') no-repeat;
          }
        }

        li:hover a {
          opacity: .8;
        }

        li:nth-child(1) a {
          background-position: -126px 0;
        }

        li:nth-child(2) a {
          background-position: -150px 0;
        }

        li:nth-child(3) a {
          background-position: -174px 0;
        }

        li:nth-child(4) a {
          background-position: -198px 0;
        }
      }
    }
  }

  dl {
    float: left;
  }

  dt {
    font-size: 14px;
    color: #3a3a3a;

    p {
      font-size: 14px;
      padding-bottom: 7px;
      color: #333;
      display: block;
      border-left: none;
      padding-left: 0;
      line-height: 1.5;
      margin-bottom: 0;
    }
  }

  dd {
    li {
      line-height: 22px;
      color: #777;

      a {
        color: #777;

        &:hover {
          color: #ca141d;
        }
      }
    }
  }
}


.web-info {
  padding: 25px 0 28px;
  width: 1200px;
  margin: 0 auto;
  color: #666;
  line-height: 1.5;

  &-area {
    text-align: left;
    color: #a4a4a4;
    line-height: 20px;

    .footlogo {
      width: 82px;
      height: 20px;
      padding: 3px 20px 0 0;

      img {
        vertical-align: top;
        width: 82px;
        height: 20px;
      }
    }

    ul {
      margin-top: 3px;
      margin-bottom: 6px;

      li {
        float: left;
        line-height: 1;
        padding-right: 6px;
        border-right: 1px solid #d3d3d3;
        margin-right: 6px;

        &:last-child {
          border: none;
        }
      }
    }

    a {
      color: #777;

      &:hover {
        color: #ca141d;
      }
    }
  }
}
